<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <figure>
        <a href="https://baike.baidu.com/item/%E5%A4%AA%E9%98%B3%E7%B3%BB/173281?fr=aladdin" target="_blank">
            <img usemap="#solarMap" src="./images/timg.jpg" alt="图片失效咯">
        </a>
        
        <!-- 图片标题 -->
        <figcaption>
            <h2>太阳系</h2>
        </figcaption>
        <p>
            Lorem ipsum dolor sit amet consectetur, adipisicing elit. Perferendis minus voluptas nemo atque a expedita velit at assumenda eaque maxime voluptatum pariatur minima aut repudiandae nobis, quos ex temporibus provident.
        </p>
    
        <map name="solarMap">
            <area shape="circle" coords="200,164,18" href="https://baike.baidu.com/item/%E5%9C%B0%E7%90%83/6431?fr=aladdin" target="_blank">
            <area shape="rect" coords="269,132,340,203" href="https://baike.baidu.com/item/%E5%9C%9F%E6%98%9F/136354?fr=aladdin" target="_blank">
            <area shape="poly" coords="575,170,633,176,562,265" href="https://www.baidu.com" target="_blank">
        </map>
    </figure>
</body>
</html>